<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
	</head>
	<body>
		<!--  该方式只能用于二级域名相同的情况下，比如 a.test.com 和 b.test.com 适用于该方式。
  只需要给页面添加 document.domain ='test.com' 表示二级域名都相同就可以实现跨域。如果设置其他(如：'www.baidu.com')则会报错，只能修改为同样的基础域名

  实现原理：两个页面都通过js强制设置document.domain为基础主域，就实现了同域。

  我们看个例子：页面a.zf1.cn:3000/a.html获取页面b.zf1.cn:3000/b.html中a的值 -->
		<iframe src="http://b.zf1.cn:3000/b.html" frameborder="0" onload="load()" id="frame"></iframe>
		<script>
			document.domain = 'zf1.cn';
			function load() {
				console.log(frame.contentWindow.a);
			}
		</script>
	</body>
</html>
